.lifetime{
    height: 100%;
}
.lifetime1{
    width: 55%;
    float: left;
    margin-left: 5%;
    // height: 100%;
}
.lifetime1 p{
    text-align: left;
    font-size: 0.07rem;
    span{
        font-size: 0.17rem;
        color: #4cb4e7;
        font-weight: 800;
        margin-top: -20px;
        line-height: 1;
    }
}
.lifetime2{
    width: 35%;
    float: left;
    margin-right: 5%;
    // height: 100%;
    margin-top: 5%;
}
#main{
    margin-top: -70px;
    margin-left: -50px;
}
.lifetime h3{
    // background-color: red;
    overflow: hidden;
    // margin-bottom: 80px;
    text-align: left;
    margin-bottom: 0.12rem;
    padding: 0.03rem 0.1rem;
    font-size: 0.1rem;
    // letter-spacing: .0625rem;
    color: var(--c_mainWhite);
    background: linear-gradient(to right, var(--c_mainBlue), transparent);
    z-index: 1;
    --c_mainBlue: #4cb4e7;
    --c_highlightBlue: #1cb8f6;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: midnightblue;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
}

.lifetime2{
    p{
        // margin-top: 23px;
        position: relative;
        height: 20px;
        margin-top: 0.08rem;
        span{
            float: left;
            display: inline-block;
            margin-top: 0.01rem;
            font-size: 0.08rem;
        }
        .time1{
            position: absolute;
            left: 50px;
            font-size: 0.02rem;
            top: -0.05rem;
        }
        .time2{
            position: absolute;
            right: 0px;
            font-size: 0.02rem;
            top:-10px;
        }
        .ant-slider{
            float: right;
            width: 0.6rem;
            .ant-slider-track{
                height: 0.04rem !important;
                background-color: #0075ff;
            }
            .ant-slider-handle{
                margin-top: -5px !important;
                width: 0.08rem;
                height: 0.08rem;
            }
            .ant-slider-rail{
                height: 0.04rem !important;
            }
        }
    }
}